<template>
  <div class="dashboard-container" style="display: flex">
    <el-card class="box-card" style="flex: 1">
      <div slot="header" class="clearfix">
        <span style="color: #000000; font-weight: 600"
          >压机否大学后台管理系统</span
        >
      </div>
      <div class="text item">
        <div style="color: #000000; font-weight: 600">调查目的</div>
        <div style="padding: 10px 30px">为了更方便学校了解大家在学校学习的情况</div>
        <div style="color: #000000; font-weight: 600">填写要求</div>
        <div style="padding: 10px 30px">1.看清楚问卷内容</div>
        <div style="padding: 10px 30px">2.看清楚答案</div>
        <div style="padding: 10px 30px">3.根据自身情况</div>
         <div style="padding: 10px 30px">4.真实填写</div>
        <div style="color: #000000; font-weight: 600">填写方式</div>
        <div style="padding: 10px 30px">直接在小程序填写即可</div>

      </div>
    </el-card>
    <el-card class="box-card" style="flex: 1">
      <div slot="header" class="clearfix">
        <span style="color: #000000; font-weight: 600">压机否大学</span>
      </div>
      <div class="text item">
        <div style="color: #000000; font-weight: 600">学校介绍</div>
        <div style="padding: 10px 30px">优美的学习环境</div>
        <div style="padding: 10px 30px">优美的住宿环境</div>
        <div style="padding: 10px 30px">
          以及对你负责的老师
        </div>
        <div style="color: #000000; font-weight: 600;margin-top:20px;color: #FF7670;">你需要做的</div>
        <div style="padding: 10px 30px"><span>赶紧报名</span><span style="color:blue;font-weight: 600;">QQ：38383838</span><span>解决报名中的问题；</span></div>
      </div>
    </el-card>
  </div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
  name: "Dashboard",
  computed: {
    ...mapGetters(["name"]),
  },
};
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
